<script setup>
import { ref } from 'vue'
import { useRouter } from 'vue-router'
import { showDialog } from 'vant'
import leftbar from '@/components/leftbar.vue'

// defineProps<{ msg: string }>()

const active = ref(0)
// const username = ref('')
// const password = ref('')
// ruoter
const router = useRouter()

onMounted(() => {

})
</script>

<template>
  <leftbar title="属性" left="true">
  </leftbar>
  <!-- page -->
  <div class="content">
    <div class="title">属性</div>
    <div class="attribute-list">
      <div class="each-list">
        <span class="lable">小数位</span><span class="value">3</span>
      </div>
      <div class="each-list">
        <span class="lable">合约数量</span><span class="value">10000</span>
      </div>
      <div class="each-list">
        <span class="lable">点差</span><span class="value">2</span>
      </div>
      <div class="each-list">
        <span class="lable">止损水平</span><span class="value">0.01</span>
      </div>
      <div class="each-list">
        <span class="lable">预付款货币</span><span class="value">100</span>
      </div>
      <div class="each-list">
        <span class="lable">利润货币</span><span class="value">0.01</span>
      </div>
      <div class="each-list">
        <span class="lable">计算</span><span class="value">100</span>
      </div>
      <div class="each-list">
        <span class="lable">初始预付款</span><span class="value">100</span>
      </div>
      <div class="each-list">
        <span class="lable">维持预付款</span><span class="value">100</span>
      </div>
      <div class="each-list">
        <span class="lable">锁仓预付款</span><span class="value">100</span>
      </div>
      <div class="each-list">
        <span class="lable">交易</span><span class="value">100</span>
      </div>
      <div class="each-list">
        <span class="lable">操作</span><span class="value">100</span>
      </div>
      <div class="each-list">
        <span class="lable">直到取消模式</span><span class="value">100</span>
      </div>
      <div class="each-list">
        <span class="lable">成交指令</span><span class="value">100</span>
      </div>
      <div class="each-list">
        <span class="lable">超期</span><span class="value">100</span>
      </div>
      <div class="each-list">
        <span class="lable">订单</span><span class="value">100</span>
      </div>
      <div class="each-list">
        <span class="lable">最小量</span><span class="value">100</span>
      </div>
      <div class="each-list">
        <span class="lable">最大量</span><span class="value">100</span>
      </div>
      <div class="each-list">
        <span class="lable">交易量步长</span><span class="value">100</span>
      </div>
      <div class="each-list">
        <span class="lable">订阅</span><span class="value">100</span>
      </div>
    </div>
    <div class="title">预付款率：初始/维持</div>
    <div class="attribute-list">
      <div class="each-list">
        <span class="lable">市场买入</span><span class="value">1.0000001/1.0000002</span>
      </div>
      <div class="each-list">
        <span class="lable">市场卖出</span><span class="value">100/100</span>
      </div>
      <div class="each-list">
        <span class="lable">Buy limit</span><span class="value">100/100</span>
      </div>
      <div class="each-list">
        <span class="lable">Sell limit</span><span class="value">100/100</span>
      </div>
      <div class="each-list">
        <span class="lable">Buy stop</span><span class="value">100/100</span>
      </div>
      <div class="each-list">
        <span class="lable">Sell stop</span><span class="value">100/100</span>
      </div>
      <div class="each-list">
        <span class="lable">Buy stop limit</span><span class="value">100/100</span>
      </div>
      <div class="each-list">
        <span class="lable">Sell stop limit</span><span class="value">100/100</span>
      </div>
    </div>
    <div class="title">行情交易期间</div>
    <div class="attribute-list">
      <div class="each-list">
        <span class="lable">星期日</span
        ><!---->
      </div>
      <div class="each-list">
        <span class="lable">星期一</span><span class="value">00:00-24:00</span>
      </div>
      <div class="each-list">
        <span class="lable">星期二</span><span class="value">00:00-24:00</span>
      </div>
      <div class="each-list">
        <span class="lable">星期三</span><span class="value">00:00-24:00</span>
      </div>
      <div class="each-list">
        <span class="lable">星期四</span><span class="value">00:00-24:00</span>
      </div>
      <div class="each-list">
        <span class="lable">星期五</span><span class="value">00:00-24:00</span>
      </div>
      <div class="each-list">
        <span class="lable">星期六</span><span class="value">00:00-24:00</span>
      </div>
    </div>
    <div class="title">交易期间</div>
    <div class="attribute-list">
      <div class="each-list">
        <span class="lable">星期日</span
        ><!---->
      </div>
      <div class="each-list">
        <span class="lable">星期一</span><span class="value">00:00-24:00</span>
      </div>
      <div class="each-list">
        <span class="lable">星期二</span><span class="value">00:00-24:00</span>
      </div>
      <div class="each-list">
        <span class="lable">星期三</span><span class="value">00:00-24:00</span>
      </div>
      <div class="each-list">
        <span class="lable">星期四</span><span class="value">00:00-24:00</span>
      </div>
      <div class="each-list">
        <span class="lable">星期五</span><span class="value">00:00-23:45</span>
      </div>
      <div class="each-list">
        <span class="lable">星期六</span><span class="value">00:00-23:45</span>
      </div>
    </div>
  </div>
</template>

<style scoped lang="scss">
.read-the-docs {
  width: 300px;
  text-align: center;
}

.content{
}

.content .title{
    background: #f7f7f7;
    padding: 10px 10px
}

.content .attribute-list{
    padding: 0 20px
}

.content .attribute-list .each-list{
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #7b7b7b;
    padding: 10px 0;
}
</style>
